/*规则浮层*/
#activity-rule {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    box-sizing: border-box;
    width: 8.1333rem;
    padding: 1.2rem 0.4rem 0.1333rem;
    background-color: #f7d957;
    border-radius: 0.1333rem;
}
#close-btn {
    position: absolute;
    top: -1.0667rem;
    right: 0;
    background-color: transparent;
    border: none;
}
#close-btn>img {
    width: 0.5333rem;
    height: 0.5333rem;
}
#close-btn:hover {
    outline: none;
}
.activity-rule-head {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    width: 3.4667rem;
    height: 0.9333rem;
}
.activity-rule-body {
    font-size: 14px;
    color: #1a1a1a;
    text-align: center;
    padding-bottom: 0.6667rem;
}
[data-dpr="2"] .activity-rule-body {
    font-size: 28px;
}
[data-dpr="3"] .activity-rule-body {
    font-size: 42px;
}
.rule-title {
    width: 3.3867rem;
    height: 0.5867rem;
    padding-bottom: 0.2667rem;
}
.activity-rule-body-state p {
    text-align: left;
    white-space: pre;
}